import React, { Component } from 'react';
import product from '../../../img1/dingdanP.png';
import { Link } from 'react-router-dom'

class orderdetail extends Component {
    render() {
        return (
            <div className="orderdetail">
                <div className="orderdetail-t">
                    <p>订单编号:1234567890123</p>
                    <p>订单状态：<span>未付款</span></p>
                    <p><a href="###">立即支付</a><a href="###">取消订单</a></p>
                </div>
                <div className="orderdetail-c">
                    <ul>
                        <li>
                            <span>支付方式</span><span>支付宝</span>
                        </li>
                        <li>
                            <span>支付流水号</span><span>4643196461647896166</span>
                        </li>
                        <li><span>下单时间</span><span>2016-04-03  16:11:38</span></li>
                        <li><span>支付时间</span><span></span></li>
                        <li><span>发货时间</span><span></span></li>
                        <li><span>收货时间</span><span></span></li>
                        <li><span>取消时间</span><span></span></li>
                        <li><span>申请退款时间</span><span></span></li>
                        <li><span>退款原因</span><span></span></li>
                        <li><span>退款时间</span><span></span></li>
                        <li><span>订单备注</span><span>希望包装的严实一些，不要有破损情况，谢谢</span></li>
                    </ul>
                    <p>收货人信息</p>
                    <ul>
                        <li><span>收货人姓名</span><span>王敏敏</span></li>
                        <li><span>地址</span><span>4643196461647896166</span></li>
                        <li><span>联系方式</span><span>手机：15035689566/固定电话：010-12548756</span></li>
                    </ul>
                    <p>发票信息</p>
                    <ul>
                        <li><span>发票类型</span><span>电子发票</span></li>
                        <li><span>发票抬头</span><span>北京嘉和影业有限公司</span></li>
                        <li><span>发票</span><span>内容明细</span></li>
                    </ul>
                    <p>卖家信息</p>
                    <ul>
                        <li><span>店铺名称</span><span>海澜之家旗舰店</span></li>
                        <li><span>真实姓名</span><span>赵敏芝</span></li>
                        <li><span>联系电话</span><span>0512-25664952</span></li>
                    </ul>
                    <p>物流信息</p>
                    <ul>
                        <li><span>联系人</span><span>蔡徐坤</span></li>
                        <li><span>联系方式</span><span>13833838438</span></li>
                    </ul>
                    <div className="detail">
                        <p><span>海澜之家旗舰店</span>
                            <span>规格</span>
                            <span>单价</span>
                            <span>数量</span>
                            <span>金额</span>
                        </p>
                        <ul>
                            <li>
                                <p>
                                    <img src={product} alt="" />
                                    <i>《寻龙诀》北京保利龙旗广场</i>
                                </p>
                                <p>
                                    <span>版本：国行32g</span><span>颜色：绿色</span>
                                </p>
                                <p>￥35.0</p>
                                <p>1</p>
                                <p>￥35.0</p>
                            </li>
                            <li>
                                <p>
                                    <img src={product} alt="" />
                                    <i>《寻龙诀》北京保利龙旗广场</i>
                                </p>
                                <p>
                                    <span>版本：国行32g</span><span>颜色：绿色</span>
                                </p>
                                <p>￥35.0</p>
                                <p>1</p>
                                <p>￥35.0</p>
                            </li>
                            <li>
                                <p>
                                    <img src={product} alt="" />
                                    <i>《寻龙诀》北京保利龙旗广场</i>
                                </p>
                                <p>
                                    <span>版本：国行32g</span><span>颜色：绿色</span>
                                </p>
                                <p>￥35.0</p>
                                <p>1</p>
                                <p>￥35.0</p>
                            </li>
                        </ul>
                            <div>
                                <p><span>运费</span><i>￥5.0</i></p>
                                <p><span>商品金额</span><i>￥108.0</i></p>
                                <p><span>小计</span><i>￥113.0</i></p>
                            </div>
                            <div>
                                <span>使用积分抵扣（50积分）</span>
                                <i>-￥5.0</i>
                            </div>
                    </div>
                    <div className="total"><span>实付金额</span><i>￥36.0</i></div>
                    <div className="link"><Link to="###">立即支付</Link>
                    <Link to="###">取消订单</Link></div>
                </div>
            </div>
        );
    }
}

export default orderdetail;